    html {
        background-color: #606060;
    }
    
    .big_box {
        background-color: #2C2C2C;
        border: 1px solid #4B77E8;
        width: 90%;
        height: 500px;
        margin: 5% auto;
    }
    
    .title {
        text-align: center;
        margin: 10% 0;
    }
    
    .title a {
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        font-size: 60px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
    }
    
    .title a:hover {
        color: #4B77E8;
    }
    
    .big_box2 {
        height: unset;
    }
    
    .title2 {
        margin: 2% 0;
    }
    
    .intro_content {
        display: flex;
        justify-content: center;
    }
    
    .intro_content h2 a {
        color: #ffffff;
        font-size: 26px;
        font-weight: bold;
    }
    
    .intro_content h2 a:hover {
        color: yellow;
    }
    
    .intro_content>div:first-child {
        flex: 2;
    }
    
    .intro_content>div:last-child {
        flex: 4;
    }
    
    .intro_peo {
        display: flex;
    }
    
    .intro_peo div {
        margin: 2%;
    }
    
    .intro_peo div img {
        width: 100%;
        height: 80%;
        cursor: grab;
    }
    
    .intro_peo div img:hover {
        animation: animate__shakeX;
        animation-duration: 2s;
    }
    
    .title2 {
        color: #ffffff;
    }
    
    .big_box2 img {
        width: 300px;
        /* height: 100px; */
        margin: 1% auto;
        display: flex;
        justify-content: center;
    }
    
    .k h2 {
        color: white;
        right: 100px;
        position: absolute;
        top: 150px;
    }
    
    .l h2 {
        color: white;
        left: 250px;
        position: absolute;
        top: 150px;
    }